body{
	overflow-y: none;
}
ul{
	list-style: none;
}
a{
	text-decoration: none;
}
.bodyBackground{
	background: rgba(55,55,55,.5);
}
#modify_table ul.line .aBackground{
	background: rgba(55,55,55,.5);
	color: #fff;
}
.addBorder{
	border:2px solid #fff;
}
#modify_table{
	display: none;
	position: absolute;
	z-index: 100;
	top:50%;
	left:50%;
	margin-top:-250px;
	margin-left:-200px;	
}
#modify_table>ul{
	box-sizing: border-box;
	width: 400px;
	height: 120px;
	padding: 0;
	text-align: center;
	line-height: 40px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	background-color: #fff;
	box-shadow: 0 2px 8px 5px rgba(0,0,0,0.3);
}
#modify_table ul.line{
	width: 400px;
	height: 40px;
	padding: 0;
}
#modify_table ul.line:after{
	content: "";
	display: table;
	clear: both;
}
#modify_table ul.line li{
	float: left;
	box-sizing:border-box;
	width: 100px;
	height: 40px;
	padding: 5px;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
#modify_table ul.line li a{
	display: inline-block;
	width: 90px;
	height: 30px;
	line-height: 30px;
	font-size: 24px;
	font-weight: bold;
	color: #aaa;
}
#modify_table>div{
	width: 135px;
	height: 30px;
	text-align: center;
	margin: 0 auto;
}
#modify_table>div button{
	box-sizing: border-box;
	width: 60px;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 6px;
	cursor: pointer;
}
/*=====================================*/
p{
	width:480px;
	margin: 0 auto;
	font-size: 40px;
	font-family: Arial;
	font-weight: bold;
	padding-top: 15px;
}
#playground{
	width: 480px;
	height: 480px;
	margin: 0 auto;
	background: #bbada0;
	border-radius: 10px;
	position: relative;
}
.grid,.cell{
	width: 100px;
	height: 100px;
	border-radius: 6px;
}
.grid{
	background-color: #ccc0b3;
	float: left;
	margin: 16px 0 0 16px;
}
.cell{
	position: absolute;
	/*background-color: #fff;*/
	font-size: 60px;
	text-align: center;
	line-height: 100px;
	color: #fff;
}
[id^='c0']{top: 16px;}
[id^='c1']{top: 132px;}
[id^='c2']{top: 248px;}
[id^='c3']{top: 364px;}
[id$='0']{left: 16px;}
[id$='1']{left: 132px;}
[id$='2']{left: 248px;}
[id$='3']{left: 364px;}

.n2{background-color:#eee3da}
.n4{background-color:#ede0c8}
.n8{background-color:#f2b179}
.n16{background-color:#f59563}
.n32{background-color:#f67c5f}
.n64{background-color:#f65e3b}
.n128{background-color:#edcf72}
.n256{background-color:#edcc61}
.n512{background-color:#9c0}
.n1024{background-color:#33b5e5}
.n2048{background-color:#09c}
.n4096{background-color:#a6c}
.n8192{background-color:#93c}
.n2,.n4{color:#776e65}
.n1024,.n2048,.n4096,.n8192{font-size:40px}

#gameOver{
	display:none;
	position:fixed;
	top:0;right:0;left:0;bottom:0;
	background:rgba(55,55,55,.5);
}
#gameOver>p{
	width:300px;
	height:200px;
	background:#fff;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-100px;
	margin-left:-150px;

	text-align:center;
	line-height:1.5em;
	border-radius:10px;
	border:1px solid #edcf72;
}
#gameOver .btn{
	padding:10px;
	color:#fff;
	background-color:#9f8d77;
	border-radius:6px;
	cursor:pointer;
}
.prevStep{
	width: 200px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
}
.prevStep button{
	display: inline-block;
	margin-top: 20px;
	border: 1px solid #ddd;
	border-radius: 5px;
	width: 60px;
	height: 30px;
	cursor: pointer;
	background-color: rgb(0,200,255);
}